<!DOCTYPE html>
<html lang="en" ng-app="smartOlwApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Inscripción</title>
	
		<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_menu.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
	  	<link rel="stylesheet" type="text/css" href="../../css/smart_tabladatos.css">
	  	
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog.css">
	  	<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-default.css">
		<link rel="stylesheet" type="text/css" href="../../js/ngdialog-0.2.3/ngDialog-theme-plain.css">
	  	
        <!-- Importarmos angular JS -->
        <script type="text/javascript" src="../../js/jquery/jquery-1.8.3.min.js"></script>
    	<script type="text/javascript" src="../../js/main/template.js"></script>
    	<script type="text/javascript" src="../../js/angular-1.4.7/angular.min.js"></script>
    	<script type="text/javascript" src="../../js/ngdialog-0.2.3/ngDialog.min.js"></script> 
    	
    	<!-- importar script para las funciones del formulario -->
    	<!-- 
    	<script type="text/javascript" src="script/inscripcion_app.js"></script>
    	<script type="text/javascript" src="script/inscripcion_services.js"></script>
		<script type="text/javascript" src="script/inscripcion_controller.js"></script>
		-->
		<script type="text/javascript" src="../smart_maestros/script/maestro_app.js"></script>
		<script type="text/javascript" src="../smart_maestros/script/maestro_service.js"></script>
    	<script type="text/javascript" src="script/inscripcion_controller.js"></script>
</head>
<body ng-controller="InscripcionCtrl">
		<div class="col-md-10" id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Inscripcion
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(Inscripcion)" title = "Eliminar Inscripcion"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"   ng-click="limpiar(Inscripcion)" title= "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(Inscripcion)" title= "Consultar Inscripcion"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(Inscripcion)" title= "Guardar Inscripcion"></span></a>
		  </div>
		  <div class="panel-body">
		   <input id="scInscripcion" type="text" class="texto" ng-model="Inscripcion.scInscripcion" style = "display:none;">
               
                <div class = "alert alert-danger alert-dismissable" id="messageBox">
                	<h4>{{titulo_mensajes}}</h4> {{descripcion_mensajes}}
                	<a href="#"><span class="imagen"><img src="../../imagene/bombilla-incandescente32.png"  ng-click="showModal()"></span></a>
				</div>
					<div class="col-md-10 panel panel-primary ng-scope"  style="height: 850px;">
						<table style="width:100%; vertical-align: middle;">
								<tr style = "vertical-align: middle;">	
									<td width="25%" height="100%">
										<label class="label" >Inscripcion N°*</label><br/>	
										<input id="dsInscripcion" type="text" placeholder="Ingrese Inscripcion" class="texto" ng-model="Inscripcion.dsInscripcion">
									</td>
								<td width="25%" height="100%">
									<label>Institución*</label><br/>
									<select  id="dsinstitucion" class="seleccion" ng-model="estudiantexgrado.pais" ng-options="option.copais as option.dspais for option in paises">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>	
								<td>
									<label class="" >Sede*</label><br/>	
									<select class="seleccion" id="dssede" style="width:240px;" ng-model="estudiantexgrado.departamento">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								<td>
									<label class="" >Tipo Identificación*</label><br/>	
									<select class="seleccion" id="dstipoidentificacion" style="width:240px;" ng-model="estudiantexgrado.departamento">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
								</tr>
								<tr>
									<td width="25%" height="100%">
										<label class="label" >Identificacion*</label><br/>	
										<input id="dsIdentificacion" type="text" placeholder="Ingrese el numero Identificacion" class="texto" ng-model="Inscripcion.dsIdentificacion">
										<img src="../../imagene/Search.png" style="float:right:490px;"></span>
									</td>
									<td width="25%" height="100%">
										<label class="label" >Nombres*</label><br/>	
										<input id="dsNombre" type="text" placeholder="Ingrese el Nombre" class="texto" ng-model="Inscripcion.dsNombre">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Apellidos*</label><br/>	
										<input id="dsApellidos" type="text" placeholder="Ingrese el Apellido" class="texto" ng-model="Inscripcion.dsApellido">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Fecha De Nacimiento*</label><br/>	
										<input id="dsFechaNacimiento" type="text" placeholder="Ingrese la Fecha De Nacimiento" class="texto" ng-model="Inscripcion.dsFechaNacimiento">
									</td>
									</tr>
									<tr>
									<td style="width:40%; vertical-align: middle;">
										<label  class="label">Ciudad de nacimiento*</label><br/>
										<input id="dsciudad" type="text" placeholder="Ingrese la Fecha De Nacimiento" class="texto" ng-model="Inscripcion.dsFechaNacimiento">
									</td>
										<td width="25%" height="100%">
										<label class="label" >Telefono*</label><br/>	
										<input id="dsTelefono" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
									</td>
									
									<td width="25%" height="100%">
										<label class="label" >Celular*</label><br/>	
										<input id="dscelular" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Direccion*</label><br/>	
										<input id="dsDireccion" type="text" placeholder="Ingrese la Fecha De Nacimiento" class="texto" ng-model="Inscripcion.dsDireccion">
									</td>
									</tr>
									<tr>
									<td style="width:40%; vertical-align: middle;">
										<label  class="label">Barrio*</label><br/>
										<input id="scBarrio" type="text" placeholder="Ingrese el barrio" class="texto" ng-model="Inscripcion.dsBarrio">
									</td>
									<td style="width:40%; vertical-align: middle;">
										<label  class="label">Año Lectivo*</label><br/>
										<input id="scBarrio" type="text" placeholder="Ingrese el barrio" class="texto" ng-model="Inscripcion.dsBarrio">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Grado Al Que Aspira</label><br/>	
										<select class="seleccion" id="dsgradoaspira"  ng-model="estudiantexgrado.departamento">
									  	<option value="Seleccionar">Seleccionar</option>
									</select>
									</td>
									<td style="width:25%">
										<label  class="label">Grado Actual*</label><br/>
										<input id="dsgradoactual" type="text" placeholder="Ingrese el barrio" class="texto" ng-model="Inscripcion.dsBarrio">
									</td>
									</tr>
									<tr>
									<td width="25%" height="100%">
										<label class="label" >Institución proviene*</label><br/>	
										<input id="dsInstitucionproviene" type="text" placeholder="Ingrese la Fecha" class="texto" ng-model="Inscripcion.dsFecha">
									</td>
								
							</tr>
								<tr style = "vertical-align: middle;">	
									<td width="25%" height="100%">
										<label class="label" >Tipo Identificación*</label><br/>	
										<select class="seleccion" id="dstipoid" style="width:240px;" ng-model="estudiantexgrado.departamento">
									  	<option value="Seleccionar">Seleccionar</option>
									</select>
									</td>
									<td width="25%" height="100%">
										<label class="label" >Identificacion*</label><br/>	
										<input id="dsIdentificacion" type="text" placeholder="Ingrese el numero Identificacion" class="texto" ng-model="Inscripcion.dsIdentificacion">
										<img src="../../imagene/Search.png" style="float:right:490px;"></span>
									</td>
									<td width="25%" height="100%">
										<label class="label" >Nombres*</label><br/>	
										<input id="dsNombre" type="text" placeholder="Ingrese el Nombre" class="texto" ng-model="Inscripcion.dsNombre">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Apellidos*</label><br/>	
										<input id="dsApellidos" type="text" placeholder="Ingrese el Apellido" class="texto" ng-model="Inscripcion.dsApellido">
									</td>
									</tr>
									<tr>
										<td width="25%" height="100%">
											<label class="label" >Telefono*</label><br/>	
											<input id="dsTelefono" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
										</td>
										
										<td width="25%" height="100%">
											<label class="label" >Celular*</label><br/>	
											<input id="dscelular" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
										</td>
										<td style="width:40%; vertical-align: middle;">
											<label  class="label">Profesión*</label><br/>
											<input id="dsProfecion" type="text" placeholder="Ingrese la Profecion" class="texto" ng-model="Inscripcion.dsProfecion">
										</td>
										<td width="25%" height="100%">
											<label class="label" >Empresa Donde Trabaja*</label><br/>	
											<input id="dsNombre" type="text" placeholder="Ingrese el Nombre" class="texto" ng-model="Inscripcion.dsNombre">
										</td>
									</tr>
									<tr>
										<td width="25%" height="100%">
											<label class="label" >Cargo</label><br/>	
											<input id="dsApellidos" type="text" placeholder="Ingrese el Apellido" class="texto" ng-model="Inscripcion.dsApellido">
										</td>
									</tr>
									<tr style = "vertical-align: middle;">	
									<td width="25%" height="100%">
										<label class="label" >Tipo Identificación*</label><br/>	
										<select class="seleccion" id="dstipoid" style="width:240px;" ng-model="estudiantexgrado.departamento">
									  	<option value="Seleccionar">Seleccionar</option>
									</select>
									</td>
									<td width="25%" height="100%">
										<label class="label" >Identificacion*</label><br/>	
										<input id="dsIdentificacion" type="text" placeholder="Ingrese el numero Identificacion" class="texto" ng-model="Inscripcion.dsIdentificacion">
										<img src="../../imagene/Search.png" style="float:right:490px;"></span>
									</td>
									<td width="25%" height="100%">
										<label class="label" >Nombres*</label><br/>	
										<input id="dsNombre" type="text" placeholder="Ingrese el Nombre" class="texto" ng-model="Inscripcion.dsNombre">
									</td>
									<td width="25%" height="100%">
										<label class="label" >Apellidos*</label><br/>	
										<input id="dsApellidos" type="text" placeholder="Ingrese el Apellido" class="texto" ng-model="Inscripcion.dsApellido">
									</td>
									</tr>
									<tr>
										<td width="25%" height="100%">
											<label class="label" >Telefono*</label><br/>	
											<input id="dsTelefono" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
										</td>
										
										<td width="25%" height="100%">
											<label class="label" >Celular*</label><br/>	
											<input id="dscelular" type="text" placeholder="Ingrese el Telefono" class="texto" ng-model="Inscripcion.dsTelefono">
										</td>
										<td style="width:40%; vertical-align: middle;">
											<label  class="label">Profesión*</label><br/>
											<input id="dsProfecion" type="text" placeholder="Ingrese la Profecion" class="texto" ng-model="Inscripcion.dsProfecion">
										</td>
										<td width="25%" height="100%">
											<label class="label" >Empresa Donde Trabaja*</label><br/>	
											<input id="dsNombre" type="text" placeholder="Ingrese el Nombre" class="texto" ng-model="Inscripcion.dsNombre">
										</td>
									</tr>
									<tr>
										<td width="25%" height="100%">
											<label class="label" >Cargo</label><br/>	
											<input id="dsApellidos" type="text" placeholder="Ingrese el Apellido" class="texto" ng-model="Inscripcion.dsApellido">
										</td>
									</tr>
						</table>
					</div>
					<div class="container">				
					<table class = "tabledatos">
							<thead>
								<tr>
									<th style="width: 150px;" scope="col" >Inscripcion N°*</th>
									<th style="width: 350px;" scope="col" >Grado Al Que Aspira</th>
									<th style="width: 250px;" scope="col" >Fecha</th>
									<th style="width: 50px;" scope="col" >Identificacion</th>
									<th style="width: 150px;" scope="col" >Nombre</th>
									<th style="width: 350px;" scope="col" >Apellidos</th>
									<th style="width: 250px;" scope="col" >Fecha De Nacimiento</th>
									<th style="width: 150px;" scope="col" >Departamento</th>
									<th style="width: 350px;" scope="col" >RH</th>
									<th style="width: 250px;" scope="col" >Direccion</th>
									<th style="width: 50px;" scope="col" >Barrio</th>
									<th style="width: 150px;" scope="col" >Municipio</th>
									<th style="width: 350px;" scope="col" >Telefono</th>
									<th style="width: 250px;" scope="col" >Email</th>
									<th style="width: 250px;" scope="col" >Nombre Del Padre</th>
									<th style="width: 50px;" scope="col" >Profecion</th>
									<th style="width: 150px;" scope="col" >Empresa Donde Trabaja</th>
									<th style="width: 350px;" scope="col" >Cargo</th>
									<th style="width: 250px;" scope="col" >Telefono</th>
									<th style="width: 150px;" scope="col" >Celular</th>
									<th style="width: 350px;" scope="col" >Nombre Madre</th>
									<th style="width: 250px;" scope="col" >Profecion</th>
									<th style="width: 50px;" scope="col" >Empresa Donde Trabaja</th>
									<th style="width: 150px;" scope="col" >Cargo</th>
									<th style="width: 350px;" scope="col" >Telefono</th>
									<th style="width: 250px;" scope="col" >Celular</th>
									<th style="width: 150px;" scope="col" >Establecimiento De Donde Procede</th>
									<th style="width: 350px;" scope="col" >Grado Actual</th>
									<th style="width: 50px;" scope="col" >Acción</th>
								</tr>
							</thead>
							<tbody class="tbody">
							
								<tr ng-show="departamentos.length == 0">
									<th colspan="5" style="text-align:center;">
										No se encontraron departamentos al pais seleccionado
									</th>
								</tr>
							
								<tr ng-repeat="d in departamentos | orderBy : 'dsdepartamento'">

									    <td style = "display:none;">
										  {{d.scInscripcion}}
										</td>
										<td style="width: 150px;">
										  {{d.scInscripcion.dsInscripcion}}
										</td>
										<td style="width: 350px;">
										  {{d.dsgrado}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsFecha}}
										</td>
										 <td style = "display:none;">
										  {{d.dsIdentificacion}}
										</td>
										<td style="width: 150px;">
										  {{d.dsNombre}}
										</td>
										<td style="width: 350px;">
										  {{d.dsApellido}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsFechaNacimiento}}
										</td>
										<td style="width: 350px;">
										  {{d.scDepartamento}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsMunicipio}}
										</td>
										 <td style = "display:none;">
										  {{d.dsRH}}
										</td>
										<td style="width: 150px;">
										  {{d.dsBarrio}}
										</td>
										<td style="width: 350px;">
										  {{d.dsTelefono}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsEmail}}
										</td>
										<td style = "display:none;">
										  {{d.dsIdentificacion}}
										</td>
										<td style="width: 150px;">
										  {{d.dsNombre}}
										</td>
										<td style="width: 350px;">
										  {{d.dsApellido}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsFechaNacimiento}}
										</td>
										<td style="width: 350px;">
										  {{d.scDepartamento}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsMunicipio}}
										</td>
										 <td style = "display:none;">
										  {{d.dsRH}}
										</td>
										<td style="width: 150px;">
										  {{d.dsBarrio}}
										</td>
										<td style="width: 350px;">
										  {{d.dsTelefono}}
										</td>		
										<td style="width: 250px;">
										  {{d.dsEmail}}
										</td>
										<td class="botonera-table" style="width: 50px;">
										<a href="#"><span class="img"><img src="../../imagene/verifique-signo24.png" style="float:center;" ng-click="seleccionar(d)" title ="Editar"></span></a>
										</td>						
								</tr>
							</tbody>
						</table>
						</div>
  
  </div>
</div> 
</div>
</body>
</html>